<template>
    <!-- 新增todo -->
        <input type="text" 
         :value="todoTitle"
        @input ="onInputChange"       
       v-bind="$attrs">
</template>

<script>
export default {
    props:{
        todoTitle:{
            type:String,
            default:''
        },
    },
    methods: {
        onInputChange(e){
            this.$emit('update:todoTitle',e.target.value)
        }
    }
   
}
</script>

<style lang="scss" scoped>

</style>